{% extends "hs-base.html" %}
{% block div %}

    <div class="content">

                    <a href="../static/log/78.log" download="">download</a>
                    <div class="container-fluid">

                        <div class="row">
                            <div class="col-12">
                                <div class="card-box">
                                    <h4 class="m-t-0 header-title">环境信息</h4>
                                    <p class="text-muted m-b-30 font-13">
                                        显示所有环境信息
                                    </p>

                                    <div class="mb-3">
                                        <div class="row">
                                            <div class="col-12 text-sm-center form-inline">
                                                <div class="form-group mr-2">
                                                    <select id="demo-foo-filter-status" class="custom-select">
                                                        <option value="">显示所有</option>
                                                        <option value="active">开启</option>
                                                        <option value="disabled">停止</option>
                                                        <option value="suspended">升级中</option>
                                                    </select>
                                                </div>
                                                <div class="form-group">
                                                    <input id="demo-foo-search" type="text" placeholder="Search" class="form-control" autocomplete="on">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <table id="demo-foo-filtering" class="table table-striped table-bordered toggle-circle m-b-0" data-page-size="7">
                                        <thead>
                                        <tr>
                                            <th data-hide="phone">环境名称</th>
                                            <th data-toggle="true">环境类别</th>
                                            <th data-toggle="true">环境地址及端口号</th>
                                            <th data-toggle="true">环境地址及端口号</th>
                                            <th data-toggle="true" class="text-center">升级进度</th>
                                        </tr>
                                        </thead>
                                        <tbody>

                                        {% for test in test_lists %}
                                            <tr>
                                                <td>{{ test[0] }}</td>
                                                <td>{{ test[1] }}</td>
                                                <td>{{ test[2] }}</td>
                                                <td>{{ test[3] }}</td>
                                                {% if loop.index == 1 %}
                                                    <td class="text-center"><progress id="myProgress" max="100" value="0"></progress> <span id="mySpan"></span></td>
                                                {% else %}
                                                    <td class="text-center"><a href="javascript: void(0);" class="table-action-btn dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a></td>
                                                {% endif %}
                                            </tr>
                                        {% endfor %}

                                        </tbody>
                                        <tfoot>
                                        <tr class="active">
                                            <td colspan="6">
                                                <div class="text-right">
                                                    <ul class="pagination pagination-split justify-content-end footable-pagination m-t-10 m-b-0"></ul>
                                                </div>
                                            </td>
                                        </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <!-- end row -->

                    </div> <!-- container -->

                </div>

{% endblock %}
{% block script %}

{% endblock %}